.h-design{
  display: flex;
  flex-direction: column;
  height: 100%;
  .h-top{
    height: 80px;
  }
  .design{
    padding: 24px 0px;
    box-sizing: border-box;
    background: #fff;
    flex: 1;
    overflow: auto;
    .d-list{
      height: 100%;
      .d-item{
        margin: 0px 24px 24px 24px;
        .design-bg{
          width:100%;
          height:392px;
          position: relative;
          .design-logo{
            border-radius:8px;
            width: 100%;
            height: 100%;
          }
          .favorite{
            position: absolute;
            top: 10px;
            right: 10px;
            width: 44px;
            height: 40px;
            padding: 20px;
          }
          .none{
            display: none;
          }
          .qj{
            position: absolute;
            top: 24px;
            left: 0;
            width:134px;
            height:32px;
            line-height: 32px;
            text-align: center;
            font-size: 22px;
            color: #fff;
            background: #FFAE34;
          }
          .plot-name{
            width:270px;
            height:40px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            background:rgba(0,0,0,.4);
            text-align: center;
            line-height: 40px;
            color: #fff;
            font-size: 24px;
            position: absolute;
            right: 0;
            bottom: 24px;
          }
        }
        .item-title{
          margin-top: 24px;
          font-size: 32px;
          color: #444;
          line-height: 1;
        }
        .item-case{
          line-height: 1;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin-top: 24px;
          font-size: 28px;
          color: #7F7F7F;
          .icon{
            height: 24px;
            width: 24px;
            margin-right: 16px;
            &.left{
              margin-left: 38px;
            }
          }
        }
        .item-name{
          margin-top: 24px;
          margin-bottom: 24px;
          line-height: 1;
          font-size: 28px;
          color: #7F7F7F;
        }
      }
      .loading{
        .at-activity-indicator{
          width: 200px;
          margin: 0 auto;
        }
      }
    }
    .none-box{
      width: 100%;
      height: 100%;
      overflow: hidden;
      
      .img{
        width:304px;
        height:250px;
        display: block;
        margin: 314px auto 26px;
      }
      .hint {
        line-height: 1;
        font-size: 32px;
        color:#7F7F7F;
        text-align: center;
      }
    }
  }
  .none{
    display: none;
  }
  .at-toast {
    .toast-body{
      position: fixed;
      padding: 0;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      line-height: 1;
      text-align: center;
      font-size:24px;
      color: #fff;
      border-radius:10px;
      background:rgba(0,0,0,0.5);
      padding: 48px 48px;
      box-sizing: border-box;
      z-index: 80;
    }
  }
}
